<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--sweetalert2-->
    <link href="../dist/sweetalert2.min.css" rel="stylesheet">
    <script src="../dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>



<script>
  const p=  Swal.fire({
      title:    '警告',                   //大标题
      text:  '确认删除图片吗?',               //文本内容
      icon:   'info'    ,                 // 可以选择  success  error  warning  info   question
      confirmButtonText:'确认',
  })

  // 注意p不是一个promise对象  可以看做是 swal对象  内部也有自定义的then方法用于 结果回调
  // 调用自己的then方法后 返回的是promise对象  后面就可以用promise对象完成链式调用
  console.log(p)


  p.then(function (data){
    //  console.log(data)
      if(data.value){
          Swal.fire({
              title: "请稍等",
              text:"正在删除，请稍候...",
              icon: "warning",
              showConfirmButton:false,
              allowOutsideClick: false, //弹框外是否可点
          });

          return true;
      }
  }).then(function (data){

      console.log(data)

      if (data){
          setTimeout(function (){
              Swal.fire({
                  title: '删除成功',
                  icon: 'success',
                  confirmButtonText:'确认',
              });
          },2000)
      }
  })
</script>

</body>
</html>